*{
    margin:0;
    padding:0;
    list-style: none;
}
body,button,input{
    font-size:14px;
}
a{
    text-decoration: none;
}
.container{
    width: 800px;
    margin:0 auto;
    padding:30px 0;
}
.content{
    /* 左边的背景图 不要重复 然后定位在左边且垂直居中 */
    background: url(./imgs/login-bg.png) no-repeat 0 20px;
    background-size: 360px;
}
.clear{
    clear:both;
}
.float-left{
    float:left;
}
.float-right{
    float:right;
}
/* 登录界面 */
.login-form{
    border:solid 1px #ccc;
    width:360px;
}
.login-form form{
    padding:20px;
    font-size:14px;
}
/* 登录方式标题 */
#mode_title{
    position: relative;
    top:-3px;
    left:5px;
}
/* 扫码登录 */
#qr-code{
}
#qr-login{
    text-align: center;
    line-height: 30px;
    /* display: none; */
}
#img_code{
    height:138px;
    padding:5px;
    background:#fff;
    border:solid 1px #eaeaea;
}
#qr-code{
    margin-top:20px;
}
/* 用户名和密码登录 */
.error-notice{
    height:22px;
    color:#f00;
    font-size: 12px;
}
#user-login{
    margin:28px 0 20px;
    display: none;
}
.box{
    width: 100%;
    padding:10px 5px;
    border:solid 1px #ccc;
    outline: none;
    background-color: #fff;
    margin-bottom:20px;
    font-size:14px;
}
.box:focus{
    border-color:#2E82FF;
}
#denglu{
    width: 100%;
    background-color: #4490F7;
    color:#fff;
    border:none;
    padding:12px 0;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}
#denglu:hover{
    background-color:#1947FF;
}
.next_login{
    position: relative;
    top:-2px;
}
.bottom{
    background-color: #F0F6FF;
}
.bottom{
    padding:20px;
}
.bottom a,.bottom{
    color:#2E82FF;
}
#show_login_mode{
    cursor: pointer;
}